.mu-appbar {
    background-color: #4463e8;
    color: #ffffff;
}

.mu-avatar {
    color: #ffffff;
    background-color: #bdbdbd;
}

.mu-badge {
    background-color: #bdbdbd;
    color: #ffffff;
}

.mu-badge-primary {
    background-color: #4463e8;
    color: #ffffff;
}

.mu-badge-secondary {
    background-color: #ff4081;
    color: #ffffff;
}

body {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    font-family: Roboto, Lato, sans-serif;
}

a {
    color: #ff4081;
}

.mu-bottom-nav {
    background-color: #ffffff;
}

.mu-bottom-nav-shift {
    background-color: #4463e8;
}

.mu-buttom-item {
    color: rgba(0, 0, 0, 0.54);
}

.mu-bottom-nav-shift .mu-buttom-item {
    color: rgba(255, 255, 255, 0.7);
}

.mu-bottom-item-active .mu-bottom-item-text {
    color: #4463e8;
}

.mu-bottom-nav-shift .mu-bottom-item-active .mu-bottom-item-text {
    color: #ffffff;
}

.mu-bottom-item-active .mu-bottom-item-icon {
    color: #4463e8;
}

.mu-bottom-nav-shift .mu-bottom-item-active .mu-bottom-item-icon {
    color: #ffffff;
}

.mu-bottom-sheet {
    background-color: #ffffff;
}

.mu-card {
    background-color: #ffffff;
}

.mu-card-header-title .mu-card-title {
    color: rgba(0, 0, 0, 0.87);
}

.mu-card-header-title .mu-card-sub-title {
    color: rgba(0, 0, 0, 0.54);
}

.mu-card-media-title {
    background-color: rgba(0, 0, 0, 0.54);
}

.mu-card-media-title .mu-card-title {
    color: rgba(255, 255, 255, 0.87);
}

.mu-card-media-title .mu-card-sub-title {
    color: rgba(255, 255, 255, 0.54);
}

.mu-card-title-container .mu-card-title {
    color: rgba(0, 0, 0, 0.87);
}

.mu-card-title-container .mu-card-sub-title {
    color: rgba(0, 0, 0, 0.54);
}

.mu-card-text {
    color: rgba(0, 0, 0, 0.87);
}

.mu-checkbox input[type="checkbox"]:checked+.mu-checkbox-wrapper .mu-checkbox-icon-uncheck {
    color: #4463e8;
}

.mu-checkbox input[type="checkbox"]:checked+.mu-checkbox-wrapper .mu-checkbox-ripple-wrapper {
    color: #4463e8;
}

.mu-checkbox-label {
    color: rgba(0, 0, 0, 0.87);
}

.mu-checkbox.disabled .mu-checkbox-label {
    color: rgba(0, 0, 0, 0.38);
}

.mu-checkbox-icon-uncheck {
    color: rgba(0, 0, 0, 0.87);
}

.mu-checkbox.disabled .mu-checkbox-icon-uncheck {
    color: rgba(0, 0, 0, 0.38);
}

.mu-checkbox-icon-checked {
    color: #4463e8;
}

.mu-checkbox.disabled .mu-checkbox-icon-checked {
    color: rgba(0, 0, 0, 0.38);
}

.mu-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.87);
}

.mu-chip.hover {
    background-color: #cecece;
    cursor: pointer;
}

.mu-chip.hover .mu-chip-delete-icon {
    color: rgba(0, 0, 0, 0.4);
}

.mu-chip-delete-icon {
    color: rgba(0, 0, 0, 0.26);
}

.mu-circular-progress-determinate-path {
    stroke: #4463e8;
}

.mu-calendar {
    color: rgba(0, 0, 0, 0.87);
}

.mu-calendar-year {
    background-color: #ffffff;
}

.mu-date-display {
    background-color: #4463e8;
    color: #ffffff;
}

.mu-day-button-bg {
    background-color: #4463e8;
}

.mu-day-button-text {
    font-weight: 400;
    position: relative;
    color: rgba(0, 0, 0, 0.87);
}

.mu-day-button.now .mu-day-button-text {
    color: #4463e8;
}

.mu-day-button.hover .mu-day-button-text,
.mu-day-button.selected .mu-day-button-text {
    color: #ffffff;
}

.mu-year-button-text {
    color: rgba(0, 0, 0, 0.87);
}

.mu-year-button.selected .mu-year-button-text {
    color: #4463e8;
}

.mu-year-button.hover .mu-year-button-text {
    color: #4463e8;
}

.mu-dialog {
    background-color: #ffffff;
}

.mu-dialog-footer.scrollable,
.mu-dialog-header.scrollable {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mu-dialog-title {
    color: rgba(0, 0, 0, 0.87);
}

.mu-dialog-body {
    color: rgba(0, 0, 0, 0.6);
}

.mu-dropDown-menu-text {
    color: rgba(0, 0, 0, 0.87);
}

.mu-dropDown-menu-icon {
    color: rgba(0, 0, 0, 0.12);
}

.mu-dropDown-menu-line {
    background-color: rgba(0, 0, 0, 0.12);
}

.mu-flat-button {
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
}

.mu-flat-button .mu-circle-ripple {
    color: rgba(0, 0, 0, 0.87);
}

.mu-flat-button-primary {
    color: #4463e8;
}

.mu-flat-button-secondary {
    color: #ff4081;
}

.mu-float-button {
    background-color: #4463e8;
    color: #ffffff;
}

.mu-float-button.disabled {
    color: rgba(0, 0, 0, 0.3);
    cursor: default;
    background-color: #e0e0e0;
}

.mu-float-button.hover .mu-float-button-wrapper,
.mu-float-button:active .mu-float-button-wrapper {
    background-color: rgba(255, 255, 255, 0.3);
}

.mu-float-button-secondary {
    background-color: #ff4081;
    color: #ffffff;
}

.mu-grid-tile-titlebar {
    background-color: rgba(0, 0, 0, 0.4);
}

.mu-grid-tile-title-container {
    color: #ffffff;
}

.mu-grid-tile-action .mu-icon {
    color: #ffffff;
}

.mu-circle-spinner {
    border-color: #4463e8;
}

.mu-circle-secondary {
    border-color: #ff4081;
}

.mu-linear-progress {
    background-color: #bdbdbd;
}

.mu-linear-progress-indeterminate {
    background-color: #4463e8;
}

.mu-linear-progress-determinate {
    background-color: #4463e8;
}

.mu-item-wrapper.hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.mu-item {
    color: rgba(0, 0, 0, 0.87);
}

.mu-item.selected {
    color: #4463e8;
}

.mu-item-link-icon {
    color: #757575;
}

.mu-item-left {
    // color: #757575;
}

.mu-item-right {
    // color: #757575;
}

.mu-item-after {
    color: rgba(0, 0, 0, 0.54);
}

.mu-item-text {
    color: rgba(0, 0, 0, 0.54);
}

.mu-menu-item-wrapper {
    color: rgba(0, 0, 0, 0.87);
}

.mu-menu-item-wrapper.active {
    color: #ff4081;
}

.mu-menu-item-wrapper.hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.mu-menu-item-wrapper.disabled {
    color: rgba(0, 0, 0, 0.38);
}

.mu-menu-item-left-icon {
    color: #757575;
}

.mu-menu-item-right-icon {
    color: #757575;
}

.mu-pagination-item {
    color: rgba(0, 0, 0, 0.87);
}

.mu-pagination-item.hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.mu-pagination-item.active {
    color: #ffffff;
    background-color: #4463e8;
}

.mu-pagination-item.disabled {
    color: rgba(0, 0, 0, 0.38);
}

.mu-paper {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.87);
}

.mu-picker {
    background-color: #ffffff;
}

.mu-picker-center-highlight::before,
.mu-picker-center-highlight::after {
    background-color: rgba(0, 0, 0, 0.12);
}

.mu-picker-slot.mu-picker-slot-divider {
    color: rgba(0, 0, 0, 0.87);
}

.mu-picker-item {
    color: rgba(0, 0, 0, 0.54);
}

.mu-picker-item.selected {
    color: rgba(0, 0, 0, 0.87);
}

.mu-popover {
    background-color: #ffffff;
}

.mu-popup {
    background-color: #ffffff;
}

.mu-radio input[type="radio"]:checked+.mu-radio-wrapper .mu-radio-icon-uncheck {
    color: #4463e8;
}

.mu-radio input[type="radio"]:checked+.mu-radio-wrapper .mu-radio-ripple-wrapper {
    color: #4463e8;
}

.mu-radio-label {
    color: rgba(0, 0, 0, 0.87);
}

.mu-radio.disabled .mu-radio-label {
    color: rgba(0, 0, 0, 0.38);
}

.mu-radio-icon-uncheck {
    color: rgba(0, 0, 0, 0.87);
}

.mu-radio.disabled .mu-radio-icon-uncheck {
    color: rgba(0, 0, 0, 0.38);
}

.mu-radio-icon-checked {
    color: #4463e8;
}

.mu-radio.disabled .mu-radio-icon-checked {
    color: rgba(0, 0, 0, 0.38);
}

.mu-raised-button {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.87);
}

.mu-raised-button.hover .mu-raised-button-wrapper {
    background-color: rgba(0, 0, 0, 0.1);
}

.mu-raised-button.disabled {
    color: rgba(0, 0, 0, 0.3);
    background-color: #e6e6e6;
}

.mu-raised-button-primary {
    background-color: #4463e8;
}

.mu-raised-button-secondary {
    background-color: #ff4081;
}

.mu-refresh-control {
    color: #4463e8;
}

.mu-slider-track {
    background-color: #bdbdbd;
}

.mu-slider-fill {
    background-color: #4463e8;
}

.mu-slider-fill.disabled {
    background-color: #bdbdbd;
}

.mu-slider-thumb {
    background-color: #4463e8;
    color: #4463e8;
}

.mu-slider.zero .mu-slider-thumb,
.mu-slider.disabled .mu-slider-thumb {
    border-color: #bdbdbd;
    color: #bdbdbd;
    background-color: #ffffff;
}

.mu-snackbar {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.87);
}

.mu-step-button {
    background-color: transparent;
}

.mu-step-button.hover {
    background-color: rgba(0, 0, 0, 0.06);
}

.mu-step-connector-line {
    border-color: #bdbdbd;
}

.mu-stepper-vertical .mu-step-content {
    border-left: 1px solid #bdbdbd;
}

.mu-step-label {
    color: rgba(0, 0, 0, 0.87);
}

.mu-step-label.disabled {
    color: rgba(0, 0, 0, 0.38);
}

.mu-step-label-icon {
    color: #9e9e9e;
}

.mu-step-label.disabled .mu-step-label-icon {
    color: #9e9e9e;
}

.mu-step-label.completed .mu-step-label-icon,
.mu-step-label.active .mu-step-label-icon {
    color: #4463e8;
}

.mu-step-label-circle {
    background-color: #9e9e9e;
    color: #ffffff;
}

.mu-step-label.disabled .mu-step-label-circle {
    background-color: #9e9e9e;
}

.mu-step-label.completed .mu-step-label-circle,
.mu-step-label.active .mu-step-label-circle {
    background-color: #4463e8;
}

.mu-sub-header {
    color: rgba(0, 0, 0, 0.54);
}

.mu-switch input[type="checkbox"]:checked+.mu-switch-wrapper .mu-switch-track {
    background-color: rgba(126, 87, 194, 0.5);
}

.mu-switch input[type="checkbox"]:checked+.mu-switch-wrapper .mu-switch-thumb {
    background-color: #4463e8;
    color: #4463e8;
}

.mu-switch.disabled input[type="checkbox"]:checked+.mu-switch-wrapper .mu-switch-track {
    background-color: #bdbdbd;
}

.mu-switch.disabled input[type="checkbox"]:checked+.mu-switch-wrapper .mu-switch-thumb {
    background-color: #e0e0e0;
}

.mu-switch-label {
    color: rgba(0, 0, 0, 0.87);
}

.mu-switch.disabled .mu-switch-label {
    color: rgba(0, 0, 0, 0.38);
}

.mu-switch-track {
    background-color: #bdbdbd;
}

.mu-switch.disabled .mu-switch-track {
    background-color: #bdbdbd;
}

.mu-switch-thumb {
    color: rgba(0, 0, 0, 0.87);
    background-color: #f5f5f5;
}

.mu-switch.disabled .mu-switch-thumb {
    background-color: #e0e0e0;
}

.mu-table {
    background-color: #ffffff;
}

.mu-thead {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mu-th {
    color: rgba(0, 0, 0, 0.54);
}

.mu-tr {
    border-bottom-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
}

.mu-tr.selected {
    background-color: #f5f5f5;
}

.mu-tr.hover {
    background-color: #eeeeee;
}

.mu-tr.stripe {
    background-color: rgba(255, 255, 255, 0.4);
}

.mu-tfoot .mu-tr {
    border-top-color: rgba(0, 0, 0, 0.12);
}

.mu-tabs {
    background-color: #4463e8;
}

.mu-tab-link-highlight {
    background-color: #ff4081;
}

.mu-tab-link {
    color: rgba(255, 255, 255, 0.7);
}

.mu-tab-active {
    color: #ffffff;
}

.mu-text-field {
    color: rgba(0, 0, 0, 0.54);
}

.mu-text-field.focus-state {
    color: #4463e8;
}

.mu-text-field.focus-state.error {
    color: #f44336;
}

.mu-text-field.disabled {
    color: rgba(0, 0, 0, 0.38);
}

.mu-text-field-input {
    color: rgba(0, 0, 0, 0.87);
}

.mu-text-field.error .mu-text-field-help {
    color: #f44336;
}

.mu-text-field-line {
    background-color: rgba(0, 0, 0, 0.12);
}

.mu-text-field-line.disabled {
    border-color: rgba(0, 0, 0, 0.38);
}

.mu-text-field-focus-line {
    background-color: #4463e8;
}

.mu-text-field-focus-line.error {
    background-color: #f44336;
}

.mu-text-field-hint {
    color: rgba(0, 0, 0, 0.38);
}

.mu-text-field.has-label .mu-text-field-label.float {
    color: rgba(0, 0, 0, 0.38);
}

.mu-clock-circle {
    background-color: rgba(0, 0, 0, 0.07);
}

.mu-time-display {
    background-color: #4463e8;
    color: #ffffff;
}

.mu-clock-number.selected {
    background-color: #4463e8;
    color: #ffffff;
}

.mu-clock-pointer {
    background-color: #4463e8;
}

.mu-clock-pointer-mark {
    background-color: #ffffff;
    border-color: #4463e8;
}

.mu-toast {
    background-color: rgba(0, 0, 0, 0.87);
    color: #ffffff;
}

.mu-tooltip {
    color: #ffffff;
}

.mu-tooltip-ripple.when-shown {
    background-color: #616161;
}